

html{
    background:#BFF7FF;
}

#pagina{
    background:#008CA1;
    margin:100px;
    margin-bottom:0px;
}

#titulo{
    font-style:italic;
    font-size:90px;
    vertical-align:top;
    height:100px;
    text-align:center;
}

#titulo b{
    color:white;
}
#sesion{
    font-size:20px;
    text-align:right;
}

#contenedor{

display: table; 
border: 1px solid black;
}

#row{
    display:table-row;
}

#menu{
    background:#FF8300;
    width:150px;
    display:table-cell;
}

#menu a{
   
    font-size:20px;
    text-decoration:none;
}
#menu p{
    width:100%;
    background-color:#FFC900;

}

#pie{
    clear:both;
    text-align:right;
}

#lateral{
    background:#FF8300;
    display:table-cell;
    width:250px;
}

#informacion{
    background:#FF8300;
}

#trabajo{
    background:#FF8300;

}
#contenido{
    width:70%;
    background:#80D2FF;
    display:table-cell;
    border:0.5px solid orange;
}


#crear{
    margin-left:5px;
    margin-bottom:5px;
}

#crear a{
    border-style:double;
    border-color:#B36B00;
    background-color:#FF8300;
}    

#cuadrado{
    margin-top:5px;
    margin-left:80px;
    border-style:ridge;
    border-color:#FF8300;
}

#cuadrado2{
  border-style:ridge;
  border-color:#FF8300;
}

#cuadrado2 p{
    font-size:25px;
}

#cuadrado3{
    border-style:ridge;
    border-color:#008CA1;
    
}

#perfil{
    border-style:double;
    border-color:#008CA1;
}

#perfil ol{
     font-style:italic;
}

html a{
    text-decoration:none;
}


#links{
    margin-bottom:5px;
}
#links a{
    border-style:double;
    border-color:#B36B00;
    background-color:#FFC900;
    margin-left:5px;
}
#identificacion{
    width:50%;
    background:#80D2FF;
    float:left;
    height:28.5%;
}

#detalles{
    background:#FF8300;
    width:50%;
    float:right;
    height:28.5%;
}

#registro{
    
    background:#80D2FF;
}

html label{
    float:left;
    width: 20%;
}

html input{
   border-style:groove;
   border-color:#008CA1;
}

#errores{
    color:red;
}

#registro label{
    float:left;
    width: 75px;
}

#identificacion label{
    float:left;
    width: 75px;
}

#trabajo{
    margin-top:20px;
    margin-left:60px;
    background-color:#80D2FF;
} 

#trabajo table{
    border-style:ridge;
    border-color:#FF8300;
}

#trabajo td{
     border-style:ridge;
     border-color:#FF8300;
}

#cuadrado2 .nombreProyecto,
#cuadrado3 .nombreProyecto,
#cuadrado3 .nombreTarea{
    width:100px;
    color:#400099;
}

#cuadrado3 .nombreProyecto p{
    font-size:25px;
}

#cuadrado3 .nombreTarea p{
    font-size:20px;
}

#cuadrado2 .barraprogreso,
#cuadrado3 .barraprogreso{
    border:1px solid black;
    width:480px;
    margin-left:20px;
}

#cuadrado2 .barraprogreso100,
#cuadrado3 .barraprogreso100{
    text-align:right;
    background-color:orange;
}

#icono{
    float:left;
}

#informe{
    margin-top:20px;
    margin-left:60px;
} 

#informe .resultado tr{
    background:orange;
}

#informe .total tr{
    background-color:#FFC900;
}

#etiquetas a{
     border:0.5px solid orange;
}
